<template>
	<!-- 轮播图 -->
	<view class="ccc">
		<swiper circular indicator-dots class="box">
			<swiper-item v-for="item in swipers">
				<image :src="item.pic"></image>
				<image
					src="../../static/distribution/OIP-C.jpg"
					mode=""
					style="width: 80px;height: 80px;position: absolute;left: 3vw;top: 47vh;"
				></image>
				<text style="position: absolute;left: 35vw;top:68vh;">
					17a8297f4cba
				</text>
				<br />
				<text style="position: absolute;left: 35vw;top: 71vh;">
					邀请您加入
				</text>
			</swiper-item>
		</swiper>
		<Aside></Aside>
		<view class="test">—— 长按保存图片 ——</view>
	</view>
</template>

<script>
import Aside from "@/components/asideNav.vue";
import {banner} from "../../network/pointer.js";
export default {
	data() {
		return {
			swipers: []
		};
	},
	methods: {},
	components: {
		Aside
	},
	async created() {
		let res = await banner();
		this.swipers = res.data;
	}
};
</script>

<style scoped>
.ccc {
	height: 100vh;
	width: 100vw;
	background-color: #a3a3a3;
}
.box {
	height: 80vh;
	width: 100vw;
}
image {
	height: 60vh;
	width: 80vw;
	padding: 40px;
	margin-top: 15vh;
}
.test {
	color: #fff;
	margin-left: 28vw;
	margin-top: 3vh;
}
</style>
